<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的订单 - 娃娃Get抓娃娃</title>


    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/js/swiper-4.4.2/swiper.min.css" />
    <link rel="stylesheet" href="assets/css/sweetalert.min.css" />
    <link rel="stylesheet" href="assets/css/main.css" />

    <script src="assets/js/jquery.slim.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/swiper-4.4.2/swiper.min.js"></script>
    <script src="assets/js/sweetalert.min.js"></script>
    <script src="assets/js/common.js"></script>




</head>
<body class="main-color">

    <!--start order list -->
    <div class="container goods-list my-order-wrapper">
        <div class="order-header flex content-between">
            <div class="order-sn bold">订单号: <span>2181122201420514</span></div>
            <div class="order-status bold status-color-2">已兑换</div>
        </div>

        <!--start goods item-->
        <div class="goods-item flex">
            <img src="assets/images/doll.png" alt="" class="goods-thumb">
            <div class="goods-info">
                <div class="goods-title">范冰冰同款粉红豹范冰冰同款粉红豹</div>
                <div class="goods-price-number">
                    <span class="icon-gold mg-middle"></span>
                    <span>30</span>
                </div>
            </div>
        </div>
        <div class="goods-item flex">
            <img src="" alt="" class="goods-thumb">
            <div class="goods-info">
                <div class="goods-title">范冰冰同款粉红豹范冰冰同款粉红豹</div>
                <div class="goods-price-number">
                    <span class="icon-gold mg-middle"></span>
                    <span>30</span>
                </div>
            </div>
        </div>
        <!--end goods item-->


        <div class="order-footer ">
            <div class="order-consume-info flex content-between bold">
                <div>总计</div>
                <div>
                    <span class="icon-gold mg-middle"></span>
                    <span>60</span>
                </div>
            </div>
        </div>
    </div>
    <!--end order list -->




    <!--start order list -->
    <div class="container goods-list my-order-wrapper">
        <div class="order-header flex content-between">
            <div class="order-sn bold">订单号: <span>2181122201420514</span></div>
            <div class="order-status bold status-color-1">已发货</div>
        </div>

        <!--start goods item-->
        <div class="goods-item flex">
            <img src="assets/images/doll.png" alt="" class="goods-thumb">
            <div class="goods-info">
                <div class="goods-title">范冰冰同款粉红豹范冰冰同款粉红豹</div>
            </div>
        </div>
        <!--end goods item-->
        <!--start goods item-->
        <div class="goods-item flex">
            <img src="assets/images/doll.png" alt="" class="goods-thumb">
            <div class="goods-info">
                <div class="goods-title">范冰冰同款粉红豹范冰冰同款粉红豹</div>
            </div>
        </div>
        <!--end goods item-->
        <!--start goods item-->
        <div class="goods-item flex">
            <img src="assets/images/doll.png" alt="" class="goods-thumb">
            <div class="goods-info">
                <div class="goods-title">范冰冰同款粉红豹范冰冰同款粉红豹</div>
            </div>
        </div>
        <!--end goods item-->



        <div class="order-footer ">
            <div class="order-consume-info flex content-between">
                <div><span>收货人: </span> <span>陈先生</span></div>
                <div>12345678910</div>
            </div>
            <div class="order-consume-address">广东省广州市天河区棠下街道棠德南路288号天盈创意园1060室</div>
            <div class="order-express flex content-between">
                <div class="">物流单号: <span class="order-express-name">中通快递</span> <span class="order-express-no">1234567890</span></div>
                <div class="">  <span>复制</span> </div>
            </div>
        </div>
    </div>
    <!--end order list -->




    <!--start order list -->
    <div class="container goods-list my-order-wrapper">
        <div class="order-header flex content-between">
            <div class="order-sn bold">订单号: <span>2181122201420514</span></div>
            <div class="order-status bold status-color-1">已发货</div>
        </div>

        <!--start goods item-->
        <div class="goods-item flex">
            <img src="assets/images/doll.png" alt="" class="goods-thumb">
            <div class="goods-info">
                <div class="goods-title">范冰冰同款粉红豹范冰冰同款粉红豹</div>
            </div>
        </div>
        <!--end goods item-->
        

        <div class="order-footer ">
            <div class="order-consume-info flex content-between">
                <div><span>收货人: </span> <span>陈先生</span></div>
                <div>12345678910</div>
            </div>
            <div class="order-consume-address">广东省广州市天河区棠下街道棠德南路288号天盈创意园1060室</div>
            <!--<div class="order-express flex content-between">
                <div class="">物流单号: <span class="order-express-name">中通快递</span> <span class="order-express-no">1234567890</span></div>
                <div class="">  <span>复制</span> </div>
            </div>-->
        </div>
    </div>
    <!--end order list -->



</body>


<script>
    $(function(){


        //支付操作
        $('.pay-btn').click(function(){

            console.log('do something');

            var title = $(this).data('id');
            swal('',title + ' 支付成功(3s go....)','success');

            setTimeout(function() {
                location.href="order-detail.html"
            },3000)

        })



    })

    function select_address() {
        location.href = 'address.html'
    }






</script>














</html>